import {Platform, StyleSheet} from "react-native";
import colors from "../../styles/colors";


const styles = StyleSheet.create({
  safeAreaContainer: {
    flex: 1,
    backgroundColor: colors.white
  },
  container: {
    flex: 1
  },
  headerWrap: {
    paddingLeft: 15,
    paddingRight: 15,
    alignItems: 'flex-end',
    height: 46,
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  headerLeft: {
    height: 21,
    width: 30,
    justifyContent: 'center',
    alignItems: 'flex-start',
  },
  headerRight: {
    fontSize: 15, fontWeight: 'bold', height: 21, color: colors.green,
    ...Platform.select({
      ios: {lineHeight: 21},
      android: {textAlignVertical: 'center'}
    })
  },
  keyboardContainer: {
    paddingLeft: 15,
    paddingRight: 15
  },
  titleText: {
    fontSize: 30,
    color: colors.darkTextGray,
    fontWeight: 'bold',
    paddingTop: 35,
    paddingBottom: 30
  },
  inputWrap: {
    borderBottomColor: colors.borderGray,
    borderBottomWidth: 1,
    marginTop: 20
  },
  countDownInputWrap:{
    flex: 1,
    flexDirection: 'row',
    borderBottomWidth:1,
    borderBottomColor: colors.borderGray,
    marginTop: 20
  },
  inputItem: {
    height: 42,
    padding: 2,
    fontSize: 15,
    fontWeight: 'bold'
  },
  countDownInputItem: {
    flex: 1,
    height: 42,
    padding: 2,
    fontSize: 15,
    fontWeight: 'bold'
  },
  countDownInputButton: {
    fontSize: 15,
    color: colors.green,
    justifyContent: 'center'
  },
  dealContainer: {
    marginTop: 20
  },
  checkboxItem: {
    flex: 1,
  },
  checkboxText1: {
    fontSize: 12,
    marginLeft: 5
  },
  checkboxText2: {
    fontSize: 12,
    color: colors.green
  },
  buttonWrap: {
    marginTop: 20,
    marginBottom: 20,
    height: 48
  },
  buttonItem: {
    fontSize: 16,
    fontWeight: 'bold',
    color: colors.white,
    lineHeight: 48
  },
  buttonPlugIn: {
    backgroundColor: colors.green,
    borderRadius: 4
  },
  buttonDisabledPlugIn: {
    backgroundColor: 'grey'
  }
});

export default styles;